<template>
    <el-dialog
            :close-on-click-modal="false"
            :model-value="api.detailState.visible"
            :title="api.detailState.title"
            destroy-on-close
            @close="api.onCloseDetail()"
    >
        <div class="font-weight-bold font-size-title-1 pb-3 text-black">基本信息</div>
        <el-descriptions :column="2" class="pl-6 pb-2">
            <el-descriptions-item label="公司名称">{{ api.detailState.form.company?.name }}</el-descriptions-item>
            <el-descriptions-item label="组织机构名称：">{{ api.detailState.form.org?.name }}</el-descriptions-item>
            <el-descriptions-item label="显示名称：">{{ api.detailState.form.displayName }}</el-descriptions-item>
            <el-descriptions-item label="真实姓名：">{{ api.detailState.form.realName }}</el-descriptions-item>
            <el-descriptions-item label="身份证号：">{{ api.detailState.form.idCard }}</el-descriptions-item>
            <el-descriptions-item label="性别：">{{ api.detailState.form.sex }}</el-descriptions-item>
            <el-descriptions-item label="编码：">{{ api.detailState.form.code }}</el-descriptions-item>
        </el-descriptions>

    </el-dialog>
</template>

<script lang="ts" setup>
import {WeChatUserApi} from "~/api/wechat/user/user.api";

interface Props {
    api: WeChatUserApi;
}

const {api} = withDefaults(defineProps<Props>(), {});


</script>

<style lang="scss" scoped>

</style>
